import React, { Component } from 'react'

export default class componentName extends Component {
  
  constructor (props) {
    super(props)
    this.state = {
      count: 1000
    }
  }
  // 在类组件中，修改状态使用 setState
  // setState，是一个异步操作，拥有两个参数
  // 第一个参数：
  //    对象
  //    函数，返回对象
  // 第二个参数：可以省略
  //    回调函数
  
  render() {
    return (
      <div>
        次数： { this.state.count }
        <button onClick = { () => {
          // 第一个参数为对象
          // this.setState({
          //   count: this.state.count + 1
          // })
          // 第一个参数为函数,函数的第一个参数为 上一次的状态
          // this.setState((prevState, props) => {
          //   return {
          //     count: prevState.count + 10
          //   }
          // })
          // setState可以有第二个参数
          // this.setState({
          //   count: this.state.count + 1
          // }, () => {
          //   console.log(this.state.count)
          // })
          this.setState((prevState, props) => {
            return {
              count: prevState.count + 10
            }
          }, () => {
            console.log(this.state.count)
          })
        } }>加1</button>
      </div>
    )
  }
}
